// 入口文件

// 这两个导入的时候必须这样写
import React from 'react' // 创建组件，虚拟dom, 生命周期
import ReactDOM from 'react-dom'  // 把创建好的组件和虚拟dom放在页面上显示

// 创建虚拟的dom 
/* <h1 id="myh1"> 哈哈哈</h1>  */
// const mydiv = React.createElement('h1', { id: 'myh1', title: 'ABCsd' }, '哈哈哈')

// 可以使用babel来张这些 js 中的标签 jsx
// 注意：jsx语言的本质，还是在运行的时候转换为 React.createElement
const mydiv = <div id="mydiv">哈哈哈</div>

ReactDOM.render(mydiv, document.getElementById('app'))


